<!DOCTYPE html>
<html>
<head>
	<meta charset="utf-8">
	<meta name="viewport" content="width=device-width, initial-scale=1,maximum-scale=1,user-scalable=no">
	<meta name="apple-mobile-web-app-capable" content="yes">
	<meta name="apple-mobile-web-app-status-bar-style" content="black">

	<title>物流详情</title>
	<link rel="stylesheet" href="../css/mui.min.css" />
	<link rel="stylesheet" href="../css/common.css" />
	<link rel="stylesheet" href="../iconfont/iconfont.css" />
	<style>
		.icon-check {
			background: #008542;
			color: #FFF;
			border-radius: 50%;
			display: block;
			width: 20px;
			height: 20px;
			text-align: center;
			line-height: 22px;
			position: absolute;
			top: 23px;
			left: 0;
		}
		
		.mui-row {
			position: relative;
		}
		
		.mui-row > .mui-col-xs-2 {
			position: absolute;
			width: 10%;
			top: 0px;
			bottom: 0;
		}
		
		.mui-row > .mui-col-xs-2:before {
			content: "";
			position: absolute;
			display: block;
			height: 100%;
			width: 1px;
			background: #008542;
			top: 25px;
			left: 10px;
		}
		
		.mui-row:last-child > .mui-col-xs-2:before {
			content: "";
			background: transparent;
		}
		
		.mui-row > .mui-col-xs-10 {
			position: relative;
			width: 90%;
			border: 1px solid #DCDCDC;
			border-radius: 10px;
			background: #FFF;
			margin-left: 10%;
		}
		
		.mui-row > .mui-col-xs-10:before {
			content: "";
			position: absolute;
			left: -20px;
			top: 13px;
			border: 10px solid;
			border-color: transparent #DCDCDC transparent transparent;
		}
		
		.mui-row > .mui-col-xs-10:after {
			content: "";
			position: absolute;
			left: -17px;
			top: 14px;
			border: 9px solid;
			border-color: transparent #FFF transparent transparent;
		}
		
		button {
			background: #CCCCCC;
			color: #FFF;
			padding: 3px 5px;
			border-radius: 7px;
		}
		
		.btn button {
			background: #FC3A2E;
		}
	</style>
</head>
<body>
	<!-- 顶部导航 开始 -->
	<header class="header mui-bar mui-bar-nav bar mui-text-center">
		<a class="mui-pull-left mui-action-back pad-h-md">
			<i class="iconfont icon-back"></i>
		</a>
		<a class="title">物流详情</a>
	</header>
	<!-- 顶部导航 结束 -->
	<div class="content">
		<div class="mui-row pad-h-md">
			<div class="mui-col-xs-2 pad">
				<i class="iconfont icon-check"></i>
			</div>
			<div class="mui-col-xs-10 pad mgn-v-sm">
				<label class="mui-block mui-text-left pad-h-sm">提交订单：2016-01-27 20:37</label>
				<label class="mui-block mui-text-left pad-h-sm">您的订单已提交，请在24小时之内完成付款</label>
				<button class="mui-block mui-pull-right no-bdr mgn">您已付款</button>
			</div>
		</div>
		<div class="mui-row pad-h-md">
			<div class="mui-col-xs-2 pad">
				<i class="iconfont icon-check"></i>
			</div>
			<div class="mui-col-xs-10 pad mgn-v-sm">
				<label class="mui-block mui-text-left pad-h-sm">买家付款：2016-01-27 20:37</label>
				<label class="mui-block mui-text-left pad-h-sm">您已付款，请等待卖家发货</label>
				<button class="mui-block mui-pull-right no-bdr mgn">货物已发</button>
			</div>
		</div>
		<div class="mui-row pad-h-md">
			<div class="mui-col-xs-2 pad">
				<i class="iconfont icon-check"></i>
			</div>
			<div class="mui-col-xs-10 pad mgn-v-sm">
				<label class="mui-block mui-text-left pad-h-sm">商家发货：2016-01-27 20:37</label>
				<label class="mui-block mui-text-left pad-h-sm">您的货物已发出，请耐心等待</label>
				<button class="mui-block mui-pull-right no-bdr mgn">货已签收</button>
			</div>
		</div>
		<div class="mui-row pad-h-md">
			<div class="mui-col-xs-2 pad">
				<i class="iconfont icon-check"></i>
			</div>
			<div class="mui-col-xs-10 pad mgn-v-sm">
				<label class="mui-block mui-text-left pad-h-sm">买家收货：2016-01-27 20:37</label>
				<label class="mui-block mui-text-left pad-h-sm">您的货物已签收</label>
				<button class="mui-block mui-pull-right no-bdr mgn">您已评论</button>
			</div>
		</div>
	</div>
	<div class="mui-row mui-text-center btn pad-h-lg">
		<button class="mui-col-xs-12 pad-v-sm mgn-v-md no-bdr">我要售后</button>
	</div>

	<script type="text/javascript" src="../js/mui.min.js"></script>
	<script type="text/javascript" src="../js/jquery.min.js"></script>
	<script type="text/javascript" src="../js/template.js"></script>
	<script type="text/javascript" src="../js/app.js"></script>
</body>
</html>